<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>我的简历(编辑)</title>
	<meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no" name="viewport"/>
	<link rel="stylesheet" type="text/css" href="css/base.css">
	<link rel="stylesheet" type="text/css" href="css/register.css">

	<script type="text/javascript" src="js/jquery-1.8.3-min.js"></script>
	<script type="text/javascript" src="js/jquery.validate.js"></script>
	<script type="text/javascript" src="js/jquery.metadata.js"></script>
	<script type="text/javascript" src="js/resgin.js"></script>

</head>
<body>
	<header>
		<a href="" class="demo-icon return">&#xe801;</a>
		<span>我的简历(编辑)</span>
	</header>
	<div class="header">
		<span class="label_text">头像</span>
		<div class="right">
			<img src="images/noHeader1.png" alt="">
			<a href="" class="font-orange">修改<span class="demo-icon">&#xe802;</span></a>	
		</div>			
	</div>
	<section class="find_pwd resume">
		<form id="signupForm" method="post" action="">
			<div class="clearfix">
				<span id="username" class="label_text">姓名</span>
				<input type="text" name="username" id="username">
			</div>
			<div class="clearfix">
				<span class="label_text">性别</span>
				<div class="right">
					<input type="radio" name="sex" id="boy" checked="checked"><label for="boy">男</label>
					<input type="radio" name="sex" id="girl"><label for="girl">女</label>
				</div>
			</div>
			<div class="clearfix">
				<span class="label_text">城市</span>
				<div class="right">
					<select name="" id="" class="spinner">
						<option value="">山东省</option>
					</select>
					<select name="" id="" class="spinner">
						<option value="">威海市</option>
						<option value="">济南市</option>
						<option value="">青岛市</option>
					</select>
				</div>
			</div>
			<div class="clearfix">
				<span class="label_text">学校</span>
				<div class="right">
					<select name="" id="" class="spinner spinner1">
						<option value="">山东石油大学</option>
						<option value="">青岛理工大学</option>
						<option value="">山东大学</option>
					</select>
				</div>
			</div>
			<div class="clearfix">
				<span class="label_text">入学年份</span>
				<div class="right">
					<select name="" id="" class="spinner spinner1">
						<option value="">2007</option>
						<option value="">2008</option>
						<option value="">2009</option>
						<option value="">2010</option>
						<option value="">2011</option>
						<option value="">2012</option>
						<option value="">2013</option>
						<option value="">2014</option>
						<option value="">2015</option>
						<option value="">其他</option>
					</select>
				</div>
			</div>
			<div class="clearfix">
				<span id="tel" class="label_text">手机号</span>
				<input type="text" name="tel" id="tel">
			</div>	
			<div class="clearfix">
				<span id="qq" class="label_text">QQ</span>
				<input type="text" name="qq" id="qq">
			</div>
			<div class="clearfix">
				<span id="work_think" class="label_text">理想职位</span>
				<input type="text" name="work_think" id="work_think">
			</div>	
			<div class="clearfix papers">
				<span class="label_text">上传证件</span>
				<div class="right">
					<!-- <a href="">身份证<br>（正面）</a>
					<a href="">身份证<br>（反面）</a>
					<a href="">学生证<br>（正面）</a> -->
					<ul>
						<li>	
							<span>身份证（正面）：</span>						
							<div class="clearfix">
								<div class="file">
									<b>选择图片</b>
									<input type="file" name="none" id="none" multiple="" accept="image/*" class="fileElem" onchange="handleFiles(this)">
								</div>							
								<input type="button" value="上传" name="none" id="none1" class="up_img">
							</div>						
							<div id="fileList">
							</div>
						</li>
						<li>
							<span>身份证（反面）</span>
							<div class="clearfix">
								<div class="file">
									<b>选择图片</b>
									<input type="file" name="none" id="none" multiple="" accept="image/*" class="fileElem" onchange="handleFiles1(this)">
								</div>							
								<input type="button" value="上传" name="none" id="none1" class="up_img">
							</div>						
							<div id="fileList1">
							</div>
						</li>
						<li>
							<span>学生证（正面）</span>
							<div class="clearfix">
								<div class="file">
									<b>选择图片</b>
									<input type="file" name="none" id="none" multiple="" accept="image/*" class="fileElem" onchange="handleFiles2(this)">
								</div>							
								<input type="button" value="上传" name="none" id="none1" class="up_img">
							</div>						
							<div id="fileList2">
							</div>
						</li>
					</ul>					
				</div>					
			</div>	
			<div class="clearfix">
				<span id="person_dal" class="label_text">自我介绍</span>
				<textarea name="person_dal" id="person_dal" cols="30" rows="10"></textarea>
				
			</div>
			<input type="submit" value="确定" class="btn">
		</form>
	</section>
	<div class="footer">
		<div class="top">
			<a href="login.html">登录</a><a href="#">注册</a>
			<span>城市：<b class="font-blue">青岛</b></span>
		</div>
		<ul>
			<li><a href="">首页</a></li>
			<li><a href="">我的</a></li>
			<li><a href="">下载APP</a></li>
			<li><a href="">关于我们</a></li>
		</ul>
	</div>
	<img src="images/footer.jpg" alt="" class="last">


	<script type="text/javascript">

		window.URL = window.URL || window.webkitURL;
		var fileList = document.getElementById("fileList");
		    fileList1 = document.getElementById("fileList1");
		    fileList2 = document.getElementById("fileList2");

		function handleFiles(obj) {
			var files = obj.files,
				img = new Image();
			if(window.URL){
				//File API
				  /*alert(files[0].name + "," + files[0].size + " bytes");*/
			      img.src = window.URL.createObjectURL(files[0]); //创建一个object URL，并不是你的本地路径
			      img.width = 120;
			      img.onload = function(e) {
			         window.URL.revokeObjectURL(this.src); //图片加载后，释放object URL
			      }
			      if(fileList.getElementsByTagName('img').length<1){
			      	fileList.appendChild(img);
			      }
			      else{
			      	fileList.innerHTML="";
			      	fileList.appendChild(img);
			      }
			}else if(window.FileReader){
				//opera不支持createObjectURL/revokeObjectURL方法。我们用FileReader对象来处理
				var reader = new FileReader();
				reader.readAsDataURL(files[0]);
				reader.onload = function(e){
					alert(files[0].name + "," +e.total + " bytes");
					img.src = this.result;
					img.width = 120;
			      	fileList.value="";
				    if(fileList.getElementsByTagName('img').length<1){
				    	fileList.appendChild(img);
				    }
				    else{
				    	fileList.innerHTML="";
				    	fileList.appendChild(img);
				    }
				}
			}else{
				//ie
				obj.select();
				obj.blur();
				var nfile = document.selection.createRange().text;
				document.selection.empty();
				img.src = nfile;
				img.width = 120;
				img.onload=function(){
			      alert(nfile+","+img.fileSize + " bytes");
			    }
		      	fileList.value="";
			    if(fileList.getElementsByTagName('img').length<1){
			    	fileList.appendChild(img);
			    }
			    else{
			    	fileList.innerHTML="";
			    	fileList.appendChild(img);
			    }
				//fileList.style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image',src='"+nfile+"')";
			}
		}

		function handleFiles1(obj) {
			var files = obj.files,
				img = new Image();
			if(window.URL){
				//File API
				  /*alert(files[0].name + "," + files[0].size + " bytes");*/
			      img.src = window.URL.createObjectURL(files[0]); //创建一个object URL，并不是你的本地路径
			      img.width = 120;
			      img.onload = function(e) {
			         window.URL.revokeObjectURL(this.src); //图片加载后，释放object URL
			      }
			      if(fileList1.getElementsByTagName('img').length<1){
			      	fileList1.appendChild(img);
			      }
			      else{
			      	fileList1.innerHTML="";
			      	fileList1.appendChild(img);
			      }
			}else if(window.FileReader){
				//opera不支持createObjectURL/revokeObjectURL方法。我们用FileReader对象来处理
				var reader = new FileReader();
				reader.readAsDataURL(files[0]);
				reader.onload = function(e){
					alert(files[0].name + "," +e.total + " bytes");
					img.src = this.result;
					img.width = 120;
			      	fileList1.value="";
				    if(fileList1.getElementsByTagName('img').length<1){
				    	fileList1.appendChild(img);
				    }
				    else{
				    	fileList1.innerHTML="";
				    	fileList1.appendChild(img);
				    }
				}
			}else{
				//ie
				obj.select();
				obj.blur();
				var nfile = document.selection.createRange().text;
				document.selection.empty();
				img.src = nfile;
				img.width = 120;
				img.onload=function(){
			      alert(nfile+","+img.fileSize + " bytes");
			    }
		      	fileList1.value="";
			    if(fileList1.getElementsByTagName('img').length<1){
			    	fileList1.appendChild(img);
			    }
			    else{
			    	fileList1.innerHTML="";
			    	fileList1.appendChild(img);
			    }
				//fileList.style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image',src='"+nfile+"')";
			}
		}

		function handleFiles2(obj) {
			var files = obj.files,
				img = new Image();
			if(window.URL){
				//File API
				  /*alert(files[0].name + "," + files[0].size + " bytes");*/
			      img.src = window.URL.createObjectURL(files[0]); //创建一个object URL，并不是你的本地路径
			      img.width = 120;
			      img.onload = function(e) {
			         window.URL.revokeObjectURL(this.src); //图片加载后，释放object URL
			      }
			      if(fileList2.getElementsByTagName('img').length<1){
			      	fileList2.appendChild(img);
			      }
			      else{
			      	fileList2.innerHTML="";
			      	fileList2.appendChild(img);
			      }
			}else if(window.FileReader){
				//opera不支持createObjectURL/revokeObjectURL方法。我们用FileReader对象来处理
				var reader = new FileReader();
				reader.readAsDataURL(files[0]);
				reader.onload = function(e){
					alert(files[0].name + "," +e.total + " bytes");
					img.src = this.result;
					img.width = 120;
			      	fileList2.value="";
				    if(fileList2.getElementsByTagName('img').length<1){
				    	fileList2.appendChild(img);
				    }
				    else{
				    	fileList2.innerHTML="";
				    	fileList2.appendChild(img);
				    }
				}
			}else{
				//ie
				obj.select();
				obj.blur();
				var nfile = document.selection.createRange().text;
				document.selection.empty();
				img.src = nfile;
				img.width = 120;
				img.onload=function(){
			      alert(nfile+","+img.fileSize + " bytes");
			    }
		      	fileList2.value="";
			    if(fileList2.getElementsByTagName('img').length<1){
			    	fileList2.appendChild(img);
			    }
			    else{
			    	fileList2.innerHTML="";
			    	fileList2.appendChild(img);
			    }
				//fileList.style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image',src='"+nfile+"')";
			}
		}
	</script>
</body>
</html>